<template>
    <div>
        <span>用户名：</span>
        <input type="text" placeholder="用户名" v-model="name">
        <br>
        <span>密码：</span>
        <input type="text" placeholder="密码" v-model="password">
    </div>
</template>

<script>
    /**
     * 目标：指令: v-model
     * 作用：把标签的value属性 与 vue的数据变量 双向绑定
     * 场景：
     *  v-model 与 表单元素配合（比如input），因为表单元素才有value属性
     * 
     */
    export default {
        data() {
            return {
                name: '',
                password: ''
            }
        }
    }
</script>

<style>

</style>